﻿@{
ViewData["Title"] = "学生信息列表";
}


<!--导航-->
<div class="row mt-1 ms-1">
    <nav aria-label="breadcrumb" style="--bs-breadcrumb-divider: '>';">
        <ol class="breadcrumb">
            <li class="breadcrumb-item">
                招生报名管理
            </li>

            <li class="breadcrumb-item active" aria-current="page">学生信息列表</li>
        </ol>
    </nav>
</div>
<!-- 按钮组 -->

<div class="btn-group ms-4" role="group" aria-label="Basic mixed styles example">
    <div class="dropdown">
        <button class="btn my-bg-marchcolor text-white ms-1 dropdown-toggle" type="button" id="" data-bs-toggle="dropdown" aria-expanded="false">
            <i class="bi bi-calendar-check"></i>
                        年度
                    </button>
        <ul class="dropdown-menu dropdown-menu-dark" aria-labelledby="dropdownMenuButton1">
            <li><a class="dropdown-item" href="#">2022</a></li>
            <li><a class="dropdown-item" href="#">2023</a></li>
            <li><a class="dropdown-item" href="#">2024</a></li>
        </ul>
    </div>
    <button type="button" class="btn my-bg-marchcolor text-white  ms-1" data-bs-toggle="modal" data-bs-target="#AddStudent">
        <i class="bi bi-person-plus"></i>
        添加学生</button>
    <button type="button" class="btn my-bg-marchcolor text-white ms-1" data-bs-toggle="modal" data-bs-target="#updateStudent">
        <i class="bi bi-pencil"></i>
        修改</button>
    <button type="button" class="btn my-bg-marchcolor text-white ms-1" data-bs-toggle="modal" data-bs-target="#searchStudent">
        <i class="bi bi-book"></i>
        查询</button>
    <button type="button" class="btn my-bg-marchcolor ms-1 text-white" data-bs-toggle="modal" data-bs-target="#">
        <i class="bi bi-download"></i>
        导出</button>
    <button type="button" class="btn my-bg-marchcolor-3 text-white ms-1">
        <i class="bi bi-person-dash"></i>
        删除</button>
</div>
<!--表格-->
<div class=" container-fluid mt-1">
    <span><span>【2022】</span>年学生信息列表</span>
    <table class="table table-striped table-hover table-success table-bordered border-info table-sm fs-6">
        <thead>
            <tr>
                <th scope="col" class="my-font-size-12"><input class="form-check-input small m-0" type="checkbox" value="" id="flexCheckDefault">
                    <label class="form-check-label w-25" for="flexCheckDefault">
                    All
                </label>
                </th>
                <th scope="col" class="my-font-size-12">序号</th>
                <th scope="col" class="my-font-size-12">姓名</th>
                <th scope="col" class="my-font-size-12">性别</th>
                <th scope="col" class="my-font-size-12">身份证号</th>
                <th scope="col" class="my-font-size-12">学生状态</th>
                <th scope="col" class="my-font-size-12">报名号</th>
                <th scope="col" class="my-font-size-12">准考证号</th>
                <th scope="col" class="my-font-size-12">学籍号</th>
                <th scope="col" class="my-font-size-12">录取学校</th>
                <th scope="col" class="my-font-size-12">联系电话</th>
                <th scope="col" class="my-font-size-12">入校年份</th>
                <th scope="col" class="my-font-size-12">毕业学校</th>
                <th scope="col" class="my-font-size-12">总分</th>
                <th scope="col" class="my-font-size-12">家庭住址</th>
                <th scope="col" class="my-font-size-12">监护人姓名</th>
                <th scope="col" class="my-font-size-12">监护人电话</th>
                <th scope="col" class="my-font-size-12">学生照片</th>
                <th scope="col" class="my-font-size-12">户口薄照片</th>
                <th scope="col" class="my-font-size-12">专业部名称</th>
                <th scope="col" class="my-font-size-12">子专业</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <th scope="row"><input class="form-check-input" type="checkbox" value=""></th>
                <td>Mark</td>
                <td>Otto</td>
                <td>mdo</td>
                <td>mdo</td>
                <td>mdo</td>
                <td>mdo</td>

            </tr>
            <tr>
                <th scope="row"><input class="form-check-input" type="checkbox" value=""></th>
                <td>Mark</td>
                <td>Otto</td>
                <td>mdo</td>
                <td>mdo</td>
                <td>mdo</td>
                <td>mdo</td>

            </tr>
            <tr>
                <th scope="row"><input class="form-check-input" type="checkbox" value=""></th>
                <td>Mark</td>
                <td>Otto</td>
                <td>mdo</td>
                <td>mdo</td>
                <td>mdo</td>
                <td>mdo</td>
            </tr>
        </tbody>
    </table>
</div>

<!-- 添加模态框 -->
<div class="modal fade" data-bs-backdrop="static" data-bs-keyboard="false" id="AddStudent" tabindex="-1" aria-labelledby="checkStudentLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header my-bg-marchcolor-7">
                <h5 class="modal-title text-white" id="checkStudentLabel">添加学生</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                <form action="" class="needs-validation" novalidate>
                    <!-- 已有信息 -->
                    <div class="form-control mb-1">
                        <span class="text-danger">学生信息</span>
                        <!-- 第一行 -->
                        <div class="row mb-1">
                            <div class="col-sm-2 ">
                                <label for="stuName" class="col-form-label w-100 text-md-end ">姓名：</label>
                            </div>
                            <div class="col-sm-4  from-group">
                                <input type="text" id="stuName" class="form-control">
                            </div>
                            <div class="col-sm-2 ">
                                <label class="col-form-label w-100 text-md-end ">性别：</label>
                            </div>
                            <div class="col-sm-4 d-flex mt-1">
                                <div class="form-check">
                                    <input class="form-check-input sex" type="radio" name="sex" id="man" value="0" checked>
                                    <label class="form-check-label" for="sex">
                                        男
                                    </label>
                                </div>
                                <div class="form-check">
                                    <input class="form-check-input sex" type="radio" name="sex" id="woman" value="1">
                                    <label class="form-check-label" for="sex">
                                        女
                                    </label>
                                </div>
                            </div>
                        </div>

                        <!-- 第二行 -->
                        <div class="row mb-1">
                            <div class="col-sm-2 ">
                                <label for="stuIdNum" class="col-form-label w-100 text-md-end ">身份证号：</label>
                            </div>
                            <div class="col-sm-4 ">
                                <input type="text" id="stuIdNum" class="form-control">
                            </div>

                            <div class="col-sm-2">
                                <label for="stustate" class="col-form-label w-100 text-md-end ">学生状态：</label>
                            </div>
                            <div class="col-sm-4 ">
                                <select class="form-select" aria-label="Default select example" id="depName" required>
                                    <option></option>
                                    <option value="1">预报名</option>
                                    <option value="2">报名</option>
                                    <option value="3">选专业</option>
                                    <option value="3">缴费</option>
                                    <option value="3">报名成功</option>
                                </select>
                            </div>
                        </div>

                        <!-- 第三行 -->
                        <div class="row mb-1">
                            <div class="col-sm-2 ">
                                <label for="stuRegisterNum" class="col-form-label w-100 text-md-end ">报名号：</label>
                            </div>
                            <div class="col-sm-4 ">
                                <input type="text" id="stuRegisterNum" class="form-control">
                            </div>

                            <div class="col-sm-2">
                                <label for="examNum" class="col-form-label w-100 text-md-end ">准考证号：</label>
                            </div>
                            <div class="col-sm-4">
                                <input type="text" id="examNum" class="form-control">
                            </div>
                        </div>
                        <!-- 第四行 -->
                        <div class="row mb-1">
                            <div class="col-sm-2 ">
                                <label for="schoolEnrollmentNum" class="col-form-label w-100 text-md-end ">学籍号：</label>
                            </div>
                            <div class="col-sm-4 ">
                                <input type="text" id="schoolEnrollmentNum" class="form-control">
                            </div>

                            <div class="col-sm-2">
                                <label for="offerSchool" class="col-form-label w-100 text-md-end ">录取学校：</label>
                            </div>
                            <div class="col-sm-4">
                                <input type="text" id="offerSchool" class="form-control">
                            </div>
                        </div>
                        <!-- 第五行 -->
                        <div class="row mb-1">
                            <div class="col-sm-2 ">
                                <label for="stuTel" class="col-form-label w-100 text-md-end ">联系电话：</label>
                            </div>
                            <div class="col-sm-4 ">
                                <input type="text" id="stuTel" class="form-control">
                            </div>

                            <div class="col-sm-2">
                                <label for="year" class="col-form-label w-100 text-md-end ">入校年份：</label>
                            </div>
                            <div class="col-sm-4">
                                <input type="text" id="year" class="form-control">
                            </div>
                        </div>
                        <!-- 第六行 -->
                        <div class="row mb-1">
                            <div class="col-sm-2 ">
                                <label for="graduationSchool" class="col-form-label w-100 text-md-end ">毕业学校：</label>
                            </div>
                            <div class="col-sm-4 ">
                                <input type="text" id="graduationSchool" class="form-control">
                            </div>

                            <div class="col-sm-2">
                                <label for="score" class="col-form-label w-100 text-md-end ">总分：</label>
                            </div>
                            <div class="col-sm-4">
                                <input type="text" id="score" class="form-control">
                            </div>
                        </div>
                        <!-- 第七行 -->
                        <div class="row mb-1">
                            <div class="col-sm-2">
                                <label for="address" class="col-form-label w-100 text-md-end ">家庭住址：</label>
                            </div>
                            <div class="col-sm-10">
                                <input type="text" id="address" class="form-control">
                            </div>
                        </div>
                        <!-- 第八行 -->
                        <div class="row mb-1">
                            <div class="col-sm-2 ">
                                <label for="guardianName" class="col-form-label w-100 text-md-end ">监护人姓名：</label>
                            </div>
                            <div class="col-sm-4  from-group">
                                <input type="text" id="guardianName" class="form-control">
                            </div>
                            <div class="col-sm-2 ">
                                <label for="guardianTel" class="col-form-label w-100 text-md-end ">监护人电话：</label>
                            </div>
                            <div class="col-sm-4  from-group">
                                <input type="text" id="guardianTel" class="form-control">
                            </div>
                        </div>

                        <!-- 第九行 -->
                        <div class="row mb-1">
                            <div class="col-sm-2 ">
                                <label for="stuPthoto" class="col-form-label w-100 text-md-end ">学生照片：</label>
                            </div>
                            <div class="col-sm-4 ">
                                <img src="" alt="" id="stuPthoto">
                                <button type="button" class="btn btn-sm my-bg-red-7 text-white" data-bs-dismiss="">导入</button>
                            </div>

                            <div class="col-sm-2">
                                <label for="hukouBookPhoto" class="col-form-label w-100 text-md-end ">户口薄照片：</label>
                            </div>
                            <div class="col-sm-4 ">
                                <img src="" alt="" id="hukouBookPhoto">
                                <button type="button" class="btn btn-sm my-bg-red-7 text-white" data-bs-dismiss="">导入</button>
                            </div>
                        </div>
                        <!-- 第十行 -->
                        <div class="row mb-1">
                            <div class="col-sm-2 ">
                                <label for="depName" class="col-form-label w-100 text-md-end ">专业部门：</label>
                            </div>
                            <div class="col-sm-4 ">
                                <select class="form-select" aria-label="Default select example" id="depName" required>
                                    <option></option>
                                    <option value="1">计算机</option>
                                    <option value="2">学前教育</option>
                                    <option value="3">会计</option>
                                </select>
                            </div>

                            <div class="col-sm-2 ">
                                <label for="depDetail" class="col-form-label w-100 text-md-end ">子专业：</label>
                            </div>
                            <div class="col-sm-4 ">
                                <select class="form-select" aria-label="Default select example" id="depDetail" required>
                                    <option></option>
                                    <option value="1">平面设计</option>
                                    <option value="2">计算机应用</option>
                                    <option value="3">建筑</option>
                                </select>
                            </div>
                        </div>
                    </div>




                    <div class="modal-footer">
                        <button type="submit" id="" class="btn my-bg-marchcolor-2 text-white">确认添加</button>
                        <button type="button" class="btn my-bg-marchcolor-3 text-white" data-bs-dismiss="modal">取消</button>
                    </div>
                </form>

            </div>
        </div>
    </div>
</div>

<!-- 修改学生信息模态框 -->
<div class="modal fade" data-bs-backdrop="static" data-bs-keyboard="false" id="updateStudent" tabindex="-1" aria-labelledby="checkStudentLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header my-bg-marchcolor-7">
                <h5 class="modal-title text-white" id="checkStudentLabel">修改学生信息</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                <form action="" class="needs-validation" novalidate>
                    <!-- 已有信息 -->
                    <div class="form-control mb-1">
                        <span class="text-danger">学生信息</span>
                        <!-- 序号，隐藏 -->
                        <input type="hidden" id="stuID" class="form-control">
                        <!-- 第一行 -->
                        <div class="row mb-1">
                            <div class="col-sm-2 ">
                                <label for="stuName" class="col-form-label w-100 text-md-end ">姓名：</label>
                            </div>
                            <div class="col-sm-4  from-group">
                                <input type="text" id="stuName" class="form-control">
                            </div>
                            <div class="col-sm-2 ">
                                <label class="col-form-label w-100 text-md-end ">性别：</label>
                            </div>
                            <div class="col-sm-4 d-flex mt-1">
                                <div class="form-check">
                                    <input class="form-check-input sex" type="radio" name="sex" id="man" value="0" checked>
                                    <label class="form-check-label" for="sex">
                                        男
                                    </label>
                                </div>
                                <div class="form-check">
                                    <input class="form-check-input sex" type="radio" name="sex" id="woman" value="1">
                                    <label class="form-check-label" for="sex">
                                        女
                                    </label>
                                </div>
                            </div>
                        </div>

                        <!-- 第二行 -->
                        <div class="row mb-1">
                            <div class="col-sm-2 ">
                                <label for="stuIdNum" class="col-form-label w-100 text-md-end ">身份证号：</label>
                            </div>
                            <div class="col-sm-4 ">
                                <input type="text" id="stuIdNum" class="form-control">
                            </div>

                            <div class="col-sm-2">
                                <label for="stustate" class="col-form-label w-100 text-md-end ">学生状态：</label>
                            </div>
                            <div class="col-sm-4 ">
                                <select class="form-select" aria-label="Default select example" id="depName" required>
                                    <option></option>
                                    <option value="1">预报名</option>
                                    <option value="2">报名</option>
                                    <option value="3">选专业</option>
                                    <option value="3">缴费</option>
                                    <option value="3">报名成功</option>
                                </select>
                            </div>
                        </div>

                        <!-- 第三行 -->
                        <div class="row mb-1">
                            <div class="col-sm-2 ">
                                <label for="stuRegisterNum" class="col-form-label w-100 text-md-end ">报名号：</label>
                            </div>
                            <div class="col-sm-4 ">
                                <input type="text" id="stuRegisterNum" class="form-control">
                            </div>

                            <div class="col-sm-2">
                                <label for="examNum" class="col-form-label w-100 text-md-end ">准考证号：</label>
                            </div>
                            <div class="col-sm-4">
                                <input type="text" id="examNum" class="form-control">
                            </div>
                        </div>
                        <!-- 第四行 -->
                        <div class="row mb-1">
                            <div class="col-sm-2 ">
                                <label for="schoolEnrollmentNum" class="col-form-label w-100 text-md-end ">学籍号：</label>
                            </div>
                            <div class="col-sm-4 ">
                                <input type="text" id="schoolEnrollmentNum" class="form-control">
                            </div>

                            <div class="col-sm-2">
                                <label for="offerSchool" class="col-form-label w-100 text-md-end ">录取学校：</label>
                            </div>
                            <div class="col-sm-4">
                                <input type="text" id="offerSchool" class="form-control">
                            </div>
                        </div>
                        <!-- 第五行 -->
                        <div class="row mb-1">
                            <div class="col-sm-2 ">
                                <label for="stuTel" class="col-form-label w-100 text-md-end ">联系电话：</label>
                            </div>
                            <div class="col-sm-4 ">
                                <input type="text" id="stuTel" class="form-control">
                            </div>

                            <div class="col-sm-2">
                                <label for="year" class="col-form-label w-100 text-md-end ">入校年份：</label>
                            </div>
                            <div class="col-sm-4">
                                <input type="text" id="year" class="form-control">
                            </div>
                        </div>
                        <!-- 第六行 -->
                        <div class="row mb-1">
                            <div class="col-sm-2 ">
                                <label for="graduationSchool" class="col-form-label w-100 text-md-end ">毕业学校：</label>
                            </div>
                            <div class="col-sm-4 ">
                                <input type="text" id="graduationSchool" class="form-control">
                            </div>

                            <div class="col-sm-2">
                                <label for="score" class="col-form-label w-100 text-md-end ">总分：</label>
                            </div>
                            <div class="col-sm-4">
                                <input type="text" id="score" class="form-control">
                            </div>
                        </div>
                        <!-- 第七行 -->
                        <div class="row mb-1">
                            <div class="col-sm-2">
                                <label for="address" class="col-form-label w-100 text-md-end ">家庭住址：</label>
                            </div>
                            <div class="col-sm-10">
                                <input type="text" id="address" class="form-control">
                            </div>
                        </div>
                        <!-- 第八行 -->
                        <div class="row mb-1">
                            <div class="col-sm-2 ">
                                <label for="guardianName" class="col-form-label w-100 text-md-end ">监护人姓名：</label>
                            </div>
                            <div class="col-sm-4  from-group">
                                <input type="text" id="guardianName" class="form-control">
                            </div>
                            <div class="col-sm-2 ">
                                <label for="guardianTel" class="col-form-label w-100 text-md-end ">监护人电话：</label>
                            </div>
                            <div class="col-sm-4  from-group">
                                <input type="text" id="guardianTel" class="form-control">
                            </div>
                        </div>

                        <!-- 第九行 -->
                        <div class="row mb-1">
                            <div class="col-sm-2 ">
                                <label for="stuPthoto" class="col-form-label w-100 text-md-end ">学生照片：</label>
                            </div>
                            <div class="col-sm-4 ">
                                <img src="" alt="" id="stuPthoto">
                                <button type="button" class="btn btn-sm my-bg-red-7 text-white" data-bs-dismiss="">导入</button>
                            </div>

                            <div class="col-sm-2">
                                <label for="hukouBookPhoto" class="col-form-label w-100 text-md-end ">户口薄照片：</label>
                            </div>
                            <div class="col-sm-4 ">
                                <img src="" alt="" id="hukouBookPhoto">
                                <button type="button" class="btn btn-sm my-bg-red-7 text-white" data-bs-dismiss="">导入</button>
                            </div>
                        </div>
                        <!-- 第十行 -->
                        <div class="row mb-1">
                            <div class="col-sm-2 ">
                                <label for="depName" class="col-form-label w-100 text-md-end ">专业部门：</label>
                            </div>
                            <div class="col-sm-4 ">
                                <select class="form-select" aria-label="Default select example" id="depName" required>
                                    <option></option>
                                    <option value="1">计算机</option>
                                    <option value="2">学前教育</option>
                                    <option value="3">会计</option>
                                </select>
                            </div>

                            <div class="col-sm-2 ">
                                <label for="depName" class="col-form-label w-100 text-md-end ">子专业：</label>
                            </div>
                            <div class="col-sm-4 ">
                                <select class="form-select" aria-label="Default select example" id="depName" required>
                                    <option></option>
                                    <option value="1">平面设计</option>
                                    <option value="2">计算机应用</option>
                                    <option value="3">建筑</option>
                                </select>
                            </div>
                        </div>
                    </div>

                    <div class="modal-footer">
                        <button type="submit" id="" class="btn my-bg-marchcolor-2 text-white">确认修改</button>
                        <button type="button" class="btn my-bg-marchcolor-3 text-white" data-bs-dismiss="modal">取消</button>
                    </div>
                </form>

            </div>
        </div>
    </div>
</div>

<!-- 查询学生模态框 -->
<div class="modal fade" data-bs-backdrop="static" data-bs-keyboard="false" id="searchStudent" tabindex="-1" aria-labelledby="addStudentLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header my-bg-marchcolor-7">
                <h5 class="modal-title text-white" id="addStudentLabel">学生信息查询</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                <form action="" class="needs-validation" novalidate>
                    <div class="form-control">
                        <!-- 招生信息统计 -->
                        <div class="form-control mb-1 border-0">
                            <!-- 第一行 -->
                            <div class="row mb-1">
                                <div class="col-sm-2 ">
                                    <label for="stuName" class="col-form-label w-100 text-md-end ">姓名</label>
                                </div>
                                <div class="col-sm-4 ">
                                    <input type="text" id="guardianTel" class="form-control">
                                </div>
                            </div>
                            <div class="row mb-1">
                                <div class="col-sm-2 ">
                                    <label for="stuIdNum" class="col-form-label w-100 text-md-end ">身份证号</label>
                                </div>
                                <div class="col-sm-4 ">
                                    <input type="text" id="stuIdNum" class="form-control">
                                </div>
                            </div>
                        </div>

                        <div class="modal-footer">
                            <button type="submit" id="" class="btn my-bg-marchcolor-2 text-white">查询</button>
                            <button type="button" class="btn my-bg-marchcolor-3 text-white" data-bs-dismiss="modal">关闭</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>